<template>
	<div class="flex items-center justify-between slot-card__header">
		<div class="flex items-center">
			<base-button
				class="w-[40px] h-[40px] rounded-sm px-[5px] bg-bg-4"
				@click="handleBack"
				size="small"
				:block="false">
				<base-icon name="back" size="20" />
			</base-button>
			<span class="pl-2 text-t-1 text-[24px]">{{ titleT ? $t(titleT) : '' }}</span>
		</div>
	</div>
</template>
<script lang="ts" setup>
import { useRouter } from 'vue-router'
import { BaseButton, BaseIcon } from '@/components/base'

const router = useRouter()
defineProps({
	titleT: {
		type: String,
		default: ''
	}
})

const handleBack = () => {
	router.push({
		name: 'casino'
	})
	// router.push('/casino')
}
</script>
